<html>
    <head>
        <title>变量作用域</title>
    </head>
    <body>
        <input type="button" value="按钮1"/>
        <input type="button" value="按钮2"/>
        <input type="button" value="按钮3"/>
    </body>
    <script type="text/javascript">
        //问题代码
        /* window.onload = function(){
            var obtn = document.getElementsByTagName('input');
            for(var i = 0;i<obtn.length;i++){
                obtn[i].onclick = function(){
                    alert(i);//你会发现此处用于弹出3，因为i的值最终变为3了
                }
            }
        } */

        //解决方式1
        window.onload = function(){
            var obtn = document.getElementsByTagName('input');
            for(var i = 0;i<obtn.length;i++){
                (function(i){
                    obtn[i].onclick = function(){
                        alert(i);//为什么这种方式可以解决
                    }
                })(i)
            }
        }
    </script>
</html>